* { margin: 0; padding: 0; font-family: 'Microsoft YaHei',sans-serif; color:#333;  font-size:16px;box-sizing: border-box; }
/* transition: all 0.4s ease-out; */
body{ background-color: #fff; line-height:1.8}
a {text-decoration: none;}
img { border: none;}
.clear { clear: both;}
.left { float: left;}
.right { float: right;}
.bg-c{ background: #F5FAFF;}
h1, h2, h3, h4, h5, h6, p, ul, li {display: block; padding: 0; margin: 0;font-size: 14px;font-weight: normal;list-style: none;}

.home-header{ background-color: rgba(255, 255, 255, .04); box-shadow: 0px 0px 32px rgba(2, 80, 158, 0.14); border: 0;};


.home-side{ margin-top:0; min-width: 1400px; position: relative;} 
.home-side .swiper-container{ height: 650px; min-height: 600px;}
.swiper-container .swiper-pagination-bullet{ width: 20px; height: 4px; border-radius:0; opacity: 1; background: #fff;}
.swiper-container .swiper-pagination-bullet-active{ background:#0070ff; }

.home-side .swiper-slide{ background-size: cover; background-position: center center;}
.home-side .zb{ background-color: #4658d2; background-image: url(../../slider/images/home/zb.jpg);}
.home-side .ht{ background-color:#65a5db; background-image: url(../../slider/images/home/ht.jpg);}
.home-side .speed{ background-color:#f3f3fb; background-image: url(../../slider/images/home/speed.jpg);}
.home-side .rd{ background-color: #f3f3fb; background-image: url(../../slider/images/home/rd.jpg);}
.home-side .yf{ background-color: #65a5db; background-image: url(../../slider/images/home/yf.jpg);}
.home-side .xs{ background-color: #241c55; background-image: url(../../slider/images/home/xs.jpg);}
.home-side .sj{ background-color:#db241e; background-image: url(../../slider/images/home/sj.jpg);}

.swiper-slide-content { width: 1200px; height: 500px; position: relative; margin: 0 auto;}
.sub-wrap { position: absolute;}
.sub-wrap .title{ position: relative; font-size: 50px; line-height: 60px;  font-weight: bold; color: #fff;white-space: nowrap; }
.sub-wrap .title b{ padding-left: 10px; font-size: 50px;}
.sub-wrap p{ color: #fff; font-size: 20px;}
.sub-wrap a{ display: block; border: #fff 1px solid; width: 160px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px;}
.sub-wrap i.ai{ position: absolute; right: -55px; top: -8px; display: inline-block; width: 45px; height: 45px; background: url(/Templates/images/ai.png) center no-repeat; background-size: contain; }
.sub-wrap ul li { position: relative; display: inline-block; width: 50%; vertical-align: middle; margin-top: 20px;color: #fff;padding-left: 15px; font-size: 22px;}
.sub-wrap ul li i { position: absolute; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; top: 50%; margin-top: -4px; left: -5px; box-shadow: 3px 3px 10px #000;}

.zb .sub-wrap{ left: 0;}
.zb .sub-wrap .title{ margin-top: 180px;}
.zb .sub-wrap .title span{ font-size: 50px; font-style: italic; color: #ee7748;}
.zb .sub-wrap p{ font-size: 22px; line-height: 2; margin: 30px 0 40px 0; opacity: 0.9;}
/* .zb .sub-wrap a:hover{ background: #fff; color: #005eb4;} */
.sub-wrap a {  background: linear-gradient(356deg, #0bbfff 0%, #0070ff 39%); border: none;}
.zb .sub-wrap ul{ font-size:0; margin: 30px 0 40px 0; width: 660px;}
/* .zb .sub-wrap ul li{ display: inline-block; margin: 5px 0; vertical-align: text-top; width: 50%; color: #fff; font-size: 20px; font-weight: normal;}
.zb .sub-wrap ul li i { display: inline-block; width: 10px; height: 10px; vertical-align: middle;  margin: 0 5px; background: #fff; border-radius: 50%;} */



.ht .sub-wrap{ top: 185px; width: 50%;}
.ht .sub-wrap h2{ font-size: 24px; color: #fff; font-weight: bold;}
/* .ht .sub-wrap .title{ color: #454545;} */
.ht .sub-wrap .title b{ color: #ff7747; }
.ht .sub-wrap .title .ai{ right: 22px;}
.ht .sub-wrap p{ margin: 25px 0 30px; font-size: 20px; line-height: 1.8; color: #fff;}
.ht .sub-wrap p b{ font-size: 20px; color: #fff;}
/* .ht .sub-wrap a { margin-top: 25px; background: #ee7748; border: 1px solid #ee7748;}
.ht .sub-wrap a:hover{ background: #fff; border-color: #fff; color: #ee7748;} */
.ht .sub-wrap ul{ font-size:0; margin: 20px 0 30px 0; width: 660px;}
/* .ht .sub-wrap ul li{ display: inline-block; margin: 5px 0; vertical-align: text-top; width: 50%; color: #fff; font-size: 20px; font-weight: normal;}
.ht .sub-wrap ul li i { display: inline-block; width: 10px; height: 10px; vertical-align: middle;  margin: 0 5px; background: #fff; border-radius: 50%;}
 */



.speed .sub-wrap{ top: 180px; width: 50%;}
/* .speed .sub-wrap .title{ color: #212121; } */
/* .speed .sub-wrap .title b{ padding-left: 10px; color: #3d39ee;} */
.speed .sub-wrap .title b{ padding-left: 10px; color: #ff7747;;}
.speed .sub-wrap p{ margin-top: 30px; line-height: 42px;}
.speed .sub-wrap .ai{ right: -75px;}
/* .speed .sub-wrap a { margin-top: 35px;  background: linear-gradient(356deg, #0bbfff 0%, #3d39ee 60%);} */
.speed .sub-wrap ul{ font-size:0; margin: 30px 0 40px 0; width: 660px;}
/* .speed .sub-wrap ul li{ display: inline-block; margin: 5px 0; vertical-align: text-top; width: 50%; color: #fff; font-size: 20px; font-weight: normal;}
.speed .sub-wrap ul li i { display: inline-block; width: 10px; height: 10px; vertical-align: middle;  margin: 0 5px; background: #fff; border-radius: 50%;} */


.rd .sub-wrap{ top: 180px; width: 50%;}
/* .rd .sub-wrap .title{ color: #212121;} */
.rd .sub-wrap .title b{ color: #ff7747;}
.rd .sub-wrap .ai{ right: -25px;}
.rd .sub-wrap ul{ font-size:0; margin: 30px 0 40px 0;}
.rd .sub-wrap p{  margin-top: 20px;line-height: 42px;}
/* .rd .sub-wrap a { margin-top: 35px;  background: #fff; color: #ff7747; border-color:#ff7747;} 
.rd .sub-wrap a:hover{ background: #ff7747; color: #fff;} */

.yf .sub-wrap{ width: 50%; top:180px;  left: 50%; margin-left: -300px;}
.yf .sub-wrap .title b{ color: #ff7747;}
.yf .sub-wrap p{ margin-top: 20px;  line-height: 42px;}
.yf .sub-wrap .ai{ right: -125px;}
.yf .sub-wrap ul{ font-size:0; margin: 30px 0 40px 0;}
/* .yf .sub-wrap ul li{ display: inline-block; margin: 5px 0; vertical-align: text-top; width: 40%; color: #fff; font-size: 24px;}
.yf .sub-wrap ul li i { display: inline-block; width: 10px; height: 10px; vertical-align: middle;  margin: 0 5px; background: #fff; border-radius: 50%;} */
/* .yf .sub-wrap a { margin-top: 30px;  background: linear-gradient(to right, #77cbfa 0%, #3167e1 60%);  border-color:#77cbfa;} */

.xs .sub-wrap{ top: 220px; left: 0; width: 50%;}
.xs .sub-wrap .title b{ color: #ff7747;}
.xs .sub-wrap .ai{ right: -75px;}
.xs .sub-wrap ul{ font-size:0; margin: 30px 0 40px 0;}
/* .xs .sub-wrap ul li{ display: inline-block; margin: 5px 0; vertical-align: text-top; width: 40%; color: #fff; font-size: 24px;}
.xs .sub-wrap ul li i { display: inline-block; width: 10px; height: 10px; vertical-align: middle;  margin: 0 5px; background: #fff; border-radius: 50%;} */
/* .xs .sub-wrap a { margin-top: 30px;   color: #04b1fd; border-color:#04b1fd;} 
.xs .sub-wrap a:hover{ background: #04b1fd; color: #fff; border-color:#04b1fd;} */


.sj .sub-wrap{ top: 220px; left: 20px; width: 50%;}
.sj .sub-wrap .ai{ right: -75px;}
.sj .sub-wrap ul { font-size: 0; margin-top: 30px;}
.sj .sub-wrap .title b{ color: #ff7747;}
/* .sj .sub-wrap ul li { position: relative; display: inline-block; width: 50%; vertical-align: middle; margin-top: 20px; color: #fff;padding-left: 15px; font-size: 22px;}
.sj .sub-wrap ul li i { position: absolute; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; top: 50%; margin-top: -4px; left: -5px; box-shadow: 3px 3px 10px #000;} */
.sj .sub-wrap a { margin-top: 50px;} 
.sj .sub-wrap a:hover{ background: #fff; color: #db241e;  }

.section{ width: 100%; padding: 0px 24px; padding-bottom: 20px; min-width:1400px;}
.section-header{ text-align: center; padding: 80px 0px 60px 0px; }
.section-header h2{ font-size: 32px;line-height: 32px; margin: 10px 0; color: #000000; font-weight: bold;}
.section-header span{ display: block;font-size: 16px; color: #666666;}
.section-content { min-height: 50px;}
.more-btn{ text-align: center; padding: 25px 0;}
.more-btn a{ width: 175px; height: 44px; line-height: 44px; border-radius: 22px;  background: #f0f0f0;  display: block; margin: 20px auto 0;  text-align: center; font-size: 14px; color: #666; font-family: "symed";}
.more-btn a:hover{ color: #fff; background: #0070ff;}

.home-download{ position: absolute; width: 380px; height: 480px; top: 50%; margin-top: -240px; right: 80px; z-index: 10; padding: 10px; background: #fff; border-radius: 8px; opacity: 0.9;}
.home-download-header{ font-size: 18px;font-weight: 600; color: #0f172a; padding: 20px;}
.home-download-header p{margin: 4px 0 0;font-size: 13px; color: #64748b; line-height: 1.5;}
.home-download-iframe{ position: absolute; top: 80px; left: 10px; right: 10px; bottom: 0;}

/* 产品中心 */
.product-center .swiper-slide a{ display: block; height: 550px; width: 90%;padding: 20px 40px; margin: 0 auto;background: #f9f9fb; overflow: hidden;}
.product-center .swiper-slide a:hover{  background: linear-gradient(to bottom, #0077f9, #fff); box-shadow: 0px 0px 48px rgba(15, 67, 131, .08); border-radius:10px;}
.product-center .swiper-container .swiper-pagination-bullet{ background: #cfcfcf;}
.product-center .swiper-container .swiper-pagination-bullet-active{ background: #0070ff}
.product-center .swiper-slide a img{ margin: 10px 0px; width: 100%;}
/* .product-center .yanfa a img{ width: 80%;} */
.product-center .swiper-slide .tag { display: block; line-height: 18px; text-align: center; font-size: 12px; color: #999999;  padding: 32px 0px 8px 0px;}
.product-center .swiper-slide h2 {  font-size: 28px; line-height: 30px; color: #333;  font-weight: bold; margin-top: 20px;  margin-bottom: 4px;}
.product-center .swiper-slide p{ margin: 20px 0 30px 0; font-size: 16px; line-height: 1.6; color: #666666;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; /* 隐藏溢出的内容 */}
.product-center .swiper-slide a:hover .tag, .product-center .swiper-slide a:hover h2, .product-center .swiper-slide a:hover p{ color: #fff;}

/* 行业案例 */
/* .industry-case .section-header{ padding: 40px 0px 30px 0px;}
.industry-case-wrap{ position: relative; width: 80%; margin: 0 auto; max-width: 1920px; min-width: 1200px; min-height: 200px; font-size: 0;}
.industry-case-wrap .industry-case-list{ display: inline-block; margin: 10px 0; width: 25%; vertical-align: top; }
.industry-case-item{ margin: 0 15px; font-size: 0;  border-radius:5px; overflow: hidden;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06); }
.industry-case-item:hover{ box-shadow: 0px 4px 10px 4px rgba(37, 118, 228, 0.2); }
.industry-case-list .industry-case-item-top{ position: relative; height: 180px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.industry-case-item-top .industry-case-info{ position: absolute; top: 10px; left: 10px; padding: 0px 10px;  background: #a1a3bc; font-size: 12px; color: #fff; border-radius: 20px;}
.industry-case-item-main{ height: 170px; padding: 15px; background: url(../../slider/images/home/case-bg.png) no-repeat bottom center; }
.industry-case-item-main .industry-case-item-main-title{  font-size: 20px;color: #0b1b3b; line-height: 28px;text-overflow: ellipsis; margin-bottom: 8px;}
.industry-case-item-main .industry-case-item-main-text{ display: block; margin: 10px 0; font-size: 16px; max-height: 50px; line-height: 1.6; color: #666666; display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.industry-case-item-main .case-btn{ color: #0077f9; font-size: 14px;}
.industry-case-item-main .case-btn span{ color: #0077f9; }
.industry-case-item-main .case-btn:hover, .industry-case-item-main .case-btn:hover span{ color: red;}
.industry-case-list-more{ display: flex; height: 350px; justify-content: center;align-items: center;}
.industry-case-list-more span{ color: #0077f9; font-size: 50px;}
.industry-case-list-more span:hover{ color: red;}
.mt .industry-case-item-top{ background-image: url(../../slider/images/home/prj-1.png);}
.ng .industry-case-item-top{ background-image: url(../../slider/images/home/prj-2.jpg);}
.qh .industry-case-item-top{ background-image: url(../../slider/images/home/prj-3.png);}
.sd .industry-case-item-top{ background-image: url(../../slider/images/home/prj-4.jpg);}
.sh .industry-case-item-top{ background-image: url(../../slider/images/home/prj-5.png);}
.gy .industry-case-item-top{ background-image: url(../../slider/images/home/prj-6.png);}
.zj .industry-case-item-top{ background-image: url(../../slider/images/home/prj-7.png);} */

/* .industry-case .section-header{ padding: 30px 0px 10px 0px;}
.industry-case-header{height: 40px;}
.industry-case-header ul { display: flex; justify-content: baseline; align-items: center;}
.industry-case-header ul li a { font-size: 15px; color: #666;text-align: center;  display: inline-block;line-height: 40px;margin-top: 1px;padding: 0px 10px; margin: 0px 10px; position: relative; border-bottom: 1px solid transparent;transition: 0.2s all linear;}
.industry-case-header ul li.active a{ color: #0070f9; border-bottom: 1px solid #0070f9;font-weight: bold;}
.industry-case-main{ height: 720px;}
.industry-case-main, .industry-case-header{ width: 80%; margin: 0 auto; max-width: 1920px; min-width: 1200px; }
.industry-case-main .industry-case-list-wrap{ display: none;}
.industry-case-main .industry-case-list-wrap.active{ display: block;}
.industry-case-list{ display: inline-block; margin: 10px 0; width: 25%; vertical-align: top;}
.industry-case-item{ margin: 0 15px; font-size: 0;  border-radius:5px; overflow: hidden;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06); }
.industry-case-item:hover{ box-shadow: 0px 4px 10px 4px rgba(37, 118, 228, 0.2); }
.industry-case-list .industry-case-item-top{ position: relative; height: 170px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.industry-case-item-main{ height: 160px; padding: 15px; background: url(../../slider/images/home/case-bg.png) no-repeat bottom center; }
.industry-case-item-main .industry-case-item-main-title{  font-size: 20px;color: #0b1b3b; line-height: 28px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom: 8px;}
.industry-case-item-main .industry-case-item-main-text{ display: block; margin: 10px 0; font-size: 16px; max-height: 50px; line-height: 1.6; color: #666666; display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.industry-case-item-main .case-btn{ color: #0077f9; font-size: 14px;}
.industry-case-item-main .case-btn span{ color: #0077f9; }
.industry-case-item-main .case-btn:hover, .industry-case-item-main .case-btn:hover span{ color: red;}
.industry-case-list-more{ display: flex; height: 350px; justify-content: center;align-items: center;}
.industry-case-list-more span{ color: #0077f9; font-size: 50px;}
.industry-case-list-more span:hover{ color: red;} */

/* .industry-case .section-header{ padding: 30px 0px 10px 0px;} */
.industry-case-header{height: 40px;}
.industry-case-header ul { display: flex; justify-content: baseline; align-items: center;}
.industry-case-header ul li a { font-size: 15px; color: #666;text-align: center;  display: inline-block;line-height: 40px;margin-top: 1px;padding: 0px 10px; margin: 0px 10px; position: relative; border-bottom: 1px solid transparent;transition: 0.2s all linear;}
.industry-case-header ul li.active a{ color: #0070f9; border-bottom: 1px solid #0070f9;font-weight: bold;}
.industry-case-main{ height: 620px;}
.industry-case-main, .industry-case-header{ width: 80%; margin: 0 auto; max-width: 1920px; min-width: 1200px; }
.industry-case-main .industry-case-list-wrap{ display: none;}
.industry-case-main .industry-case-list-wrap.active{ display: block;}
.industry-case-list{ display: inline-block; margin: 10px 0; width: 25%; vertical-align: top;}
.industry-case-item{ margin: 0 15px; font-size: 0;  border-radius:5px; overflow: hidden;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06); }
.industry-case-item:hover{ box-shadow: 0px 4px 10px 4px rgba(37, 118, 228, 0.2); }
.industry-case-list .industry-case-item-top{ position: relative; height: 170px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.industry-case-item-main{  padding: 15px; }
.industry-case-item-main .industry-case-item-main-title{  font-size: 20px;color: #0b1b3b; line-height: 50px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom: 8px;}
.industry-case-item-main .industry-case-item-main-text{ margin: 10px 0; font-size: 16px; max-height: 50px; line-height: 1.6; color: #666666; display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;display: none; }
.industry-case-item-main .case-btn{ color: #0077f9; font-size: 14px; display: none;}
.industry-case-item-main .case-btn span{ color: #0077f9; }
.industry-case-item-main .case-btn:hover, .industry-case-item-main .case-btn:hover span{ color: red;}
.industry-case-list-more{ display: flex; height: 350px; justify-content: center;align-items: center;}
.industry-case-list-more span{ color: #0077f9; font-size: 50px;}
.industry-case-list-more span:hover{ color: red;}

/* 新闻 */
.news-wrap{ width: 80%; margin: 0 auto; font-size: 0;  min-height: 550px;}
.news-wrap > div{ display: inline-block; width: 50%; vertical-align: top; }
.news-wrap > div ul li { padding-left: 30px; margin-bottom: 15px; position: relative;}
.news-wrap > div ul li:before { content: ""; display: block;  width: 1px; height: 110px; background: #dad9d9; position: absolute; left: 5px; top: 30px;}
.news-wrap > div ul li:last-child::before{ display: none;}
li .news-info{ position: relative; height: 100px; padding-left: 80px;}

.news-info .news-info-date{  position: absolute; left: 0; top: 0;height: 100%; line-height: 1.2; text-align: center;} 
.news-info-date::before{ content: ""; width: 11px;  height: 11px; background: #0077f9;  border-radius: 100%; -moz-border-radius: 100%;  -webkit-border-radius: 100%; position: absolute; z-index: 3; top: 25px; left: -30px;}
.news-info-date .year{font-size: 40px;color: #0070f9;font-weight: bold; }
.news-info-date .day{ font-size: 12px;  color: #9e9e9e; }
.news-info-main{ position: relative; padding-left: 170px;}
.news-info-main img{ position: absolute; top: 0; left: 0; width: 150px; height: 95px;}
.news-info-main  h3 { color: #212121; font-size: 18px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-info-main  p{ font-size: 14px; color: #666; padding: 5px 0; height: 50px; overflow: hidden; line-height: 1.6;}
.sign-news{ padding-right: 40px;}
.real-time-info{ padding-left:40px;}
.review{ background: url(../../slider/images/home/review-bg.png) center center no-repeat; height: 400px; background-size: cover;}
.review .section-content{ max-width: 1280px; margin: 0 auto;}
.review .section-content ul { font-size: 0;}
.review .section-content ul li{ display: inline-block; width: 25%; vertical-align: top; text-align: center;}
.review .section-content ul li h2{ font-size: 30px; line-height: 1.4;}
.review .section-content ul li h2 span{font-size: 50px;  font-weight: bold; color: #0070f9; margin-right: 10px;}
.review .section-content ul li h3{ font-size: 16px;}

/* 产品专区 */
/* .product-zone { background: url(../../slider/images/home/zone-bg.png) center center no-repeat; background-size: unset !important;} */
.product-zone { background: #f8f9fb;}
.product-zone .section-content { width: 90%; margin: 0 auto; max-width: 1920px; min-width: 1380px; min-height: 200px; font-size: 0;}
.product-zone .section-content ul { font-size: 0;}
.product-zone .section-content ul li{ display: inline-block; width: 20%; vertical-align: top; }
.product-zone .zone-list{ 
    margin: 10px;
    height: 385px;
    background: #FFFFFF;
    box-shadow: 0px 0px 13px 0px rgba(121, 107, 107, .1);
    border-radius: 8px 8px 8px 8px;
    transition: all .3s linear;
    /* background-image: url(../../slider/images/home/zone-list-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom; */
    overflow: hidden;
}
.product-zone .zone-list:hover{ transform: translateY(-10px);}
.product-zone .zone-list .zone-list-img{ position: relative;
    height: 150px;
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: cover;
  
  }

.zone-yanfa .zone-list-img{ background-image: url(../../slider/images/home/zone-list-1.png);}
.zone-rd .zone-list-img{ background-image: url(../../slider/images/home/zone-list-2.png);}
.zone-tz .zone-list-img{ background-image: url(../../slider/images/home/zone-list-3.png);}
.zone-gx .zone-list-img{ background-image: url(../../slider/images/home/zone-list-4.png);}
.zone-yg .zone-list-img{ background-image: url(../../slider/images/home/zone-list-5.png);}

.zone-list-title{ padding: 10px 20px; font-size: 22px; color: rgba(0, 0, 0, 0.88); }
.zone-list-content{ padding:0 20px; }
.zone-list-content p{ font-size: 14px;
    width: 100%;
    display: inline-block;
    height: 48px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.65);
    text-align: justify;
    position: relative;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;}
.zone-list-btn a {
    font-size: 14px;
    color: #fff;
    padding: 4px 12px;
    border-radius: 10px;
    background-color: #ff5722;
    float: right;
    margin-right: 10px;
    }
.zone-list-btn .zone-list-btn-more{ background-color: #0070ff;  }
.zone-list-btn a:hover{ opacity: .8;}
.zone-list-link{ margin: 5px; min-height: 60px;}
.zone-list-link a{  display: inline-block; padding-right:20px; position: relative; font-size: 14px;}
.zone-list-link a::before{ content: ''; width: 6px; height: 6px; background: #0070f9; border-radius:50%; position: absolute; left: -10px; top: 50%; margin-top: -2px;}
.zone-list-link a:hover{ color:red;}
.zone-list-link a:hover::before{ background: red;}